// 全局样式覆盖以及变量的定义
// 上下左右垂直居中
html {
  overflow: hidden;
}
:global {
  .allCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}

body {
  background: white;
  height: 100vh;
}
// 定义基础颜色 基础字体大小变量
$primary-color: #2579d4;
$primary-size-xlg: 20Px;
$primary-size-lg: 18Px;
$primary-size-md: 16Px;
$primary-size-xs: 14Px;
$primary-fontColor: #333333;
@mixin font-dpr($font-size) {
  font-size: $font-size !important;
  [data-dpr='2'] & {
    font-size: $font-size * 2 !important;
  }
  [data-dpr='3'] & {
    font-size: $font-size * 3 !important;
  }
}
@mixin lineHeight($font-size) {
  line-height: $font-size !important;
  [data-dpr='2'] & {
    line-height: $font-size * 2 !important;
  }
  [data-dpr='3'] & {
    line-height: $font-size * 3 !important;
  }
}
@mixin image($url) {
  background-image: url($url+'@2x.png');
  [data-dpr='3'] & {
    background-image: url($url+'@3x.png');
  }
  background-size: 100%;
  background-repeat: no-repeat;
}
input {
  color: $primary-fontColor !important;
  @include font-dpr($primary-size-md);
}
input::-webkit-input-placeholder {
  color: #cccccc !important;
  font-weight: 0 !important;
  @include font-dpr($primary-size-md);
}
// 覆盖Modal 样式
:global {
  .am-modal-content {
    width: 7.173333rem;
    height: auto;
  }
  .am-modal-title {
    color: $primary-fontColor;
    @include font-dpr($primary-size-lg);
  }
  .am-modal-body {
    height: auto;
    color: $primary-fontColor;
    @include font-dpr($primary-size-md);
  }
  .am-modal-footer {
    color: $primary-color;
    @include font-dpr($primary-size-md);
  }
}
